<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>在线选车</title>
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/swiper.3.2.0.min.css">
    <link rel="stylesheet" href="../css/Onlinecar.css" type="text/css">
    <link rel="stylesheet" href="../css/injion.css" type="text/css">
    <script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/swiper.3.2.0.min.js"></script>
    <script src="../js/Onlinecar.js"></script>
</head>
<body>
<div id="main">
    <div id="fullbg"></div>
    <div id="dialog">
        <p class="close">
            <a href="#" onclick="closeBg();">
                <img src="http://static.gunlei.com/static/pc/img/mask_close.png">
            </a>
        </p>
        <div class="shenqing">
            <div class="join">
                <h3>申请加入</h3>
                <p>
                    尊敬的客户，欢迎来到滚雷进口车，请留下您的联系信息，稍后会有我们的工作人员与你联系。
                    如有问题，您可以拨打我们的全球服务热线：400-883-8787
                </p>
            </div>
            <form>
                联 &nbsp;系 人：<input type="text" placeholder="请输入姓名" required="required"><br/>
                手机号码：<input type="text" pattern="[0-9]" required="required"><br/>
                邮　　箱：<input type="email" required="required"><br/>
                企业名称：<input type="text" required="required">
                <input class="btn" type="submit" value="申请加入">
            </form>
        </div>
    </div>
</div>
<div class="side-nav" role="navigntion">
    <ul class="nav-side-nav">
        <li>
            <a class="tooltip-side-nav" href="">
                <div class="nav-phone"></div>
                <img class="nav-phone-img" src="http://static.gunlei.com/static/pc/img/icon_phone_number.png">
            </a>
        </li>
        <li>
            <a class="tooltip-side-nav" href=""><div class="injoin"></div></a>
        </li>
        <li>
            <a class="tooltip-side-nav"href="">
                <div class="erweima"></div>
                <img class="erweima-img" src="http://static.gunlei.com/static/pc/img/icon_er_code.png">
            </a>
        </li>
        <li>
            <a class="tooltip-side-nav"href="#"><div class="top"></div></a>
        </li>
    </ul>
</div>
<div class="header">
    <div class="index-header">
        <div class="index-header-content">
            <div class="index-header-left">
                <a href="index.html" >
                    <img src="http://static.gunlei.com/static/pc/img/logo.png">
                    <p>来自美国最大的平行进口车供应商</p>
                </a>
            </div>
            <ul class="phone">
                <li><span class="icon1"></span>400-883-8787</li>
                <li><span class="icon2"></span>202-288-8528</li>
            </ul>
            <ul class="item">
                <li>
                    <span class="icon3"></span>
                    <div class="item1">
                        <b>海外直采</b><br/>
                        全球采购，一手车源
                    </div>
                </li>
                <li>
                    <span class="icon4"></span>
                    <div class="item1">
                        <b>利润保障</b><br/>
                        底价直供，返点补贴
                    </div>
                </li>
                <li>
                    <span class="icon5"></span>
                    <div class="item1">
                        <b>定制服务</b><br/>
                        全程服务，物流跟踪
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="nav">
        <div class="nav-container">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li class="active"><a href="Onlinecar.html">在线选车</a></li>
                <li><a href="javascript:showBg();" id="injion" onclick="page()">如何加入</a></li>
                <li><a href="phone.html">手机滚雷</a></li>
                <li><a href="about-us.html">关于我们</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="body">
    <div class="Classification">
        <img src="http://7xksmk.com2.z0.glb.qiniucdn.com/pc-jeep.jpg" style="width: 1365px;height: 504px">
       <div class="select">
           <select class="btn-group1">
               <option>丰田</option>
               <option>福特</option>
               <option>奔驰</option>
               <option>奥迪</option>
               <option>路虎</option>
               <option>保时捷</option>
               <option>jeep</option>
               <option>玛莎拉蒂</option>
           </select>
           <select class="btn-group2">
               <option>丰田</option>
               <option>福特</option>
               <option>奔驰</option>
               <option>奥迪</option>
               <option>路虎</option>
               <option>保时捷</option>
               <option>jeep</option>
               <option>玛莎拉蒂</option>
           </select>
           <button type="button" class="btn1">按钮</button>
       </div>
    </div>
    <div class="car">
        <div class="show">
            <div class="fute">
                <img src="http://static.gunlei.com/static/pc/img/img1.png">
                <p>福特&nbsp;野马</p>
            </div>
            <div class="fute-show">
                <div class="row">
                    <div class="col-md-3">
                        <img src="http://7xksmk.com2.z0.glb.qiniucdn.com/Toyota-mustang-2016-competition-orange-b.jpg">
                    </div>
                    <div class="col-md-6">
                        <p>16款野马2.3T汽油两门四座版 美规 6速自动</p>
                        <ul class="xingneng">
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/usaNorm.jpg">
                                <p>美观</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/overseasCar.jpg">
                                <p>海外现车</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/configuration.jpg">
                                <p>1项配置</p>
                            </li>
                        </ul>
                        <ul class="waiguan">
                            <li>
                                <img class="img1" src="http://7xksmk.com2.z0.glb.qiniucdn.com/mustangcompetition%20orange.png">
                                <p>外观：悦动橙</p>
                            </li>
                            <li>
                                <img class="img2" src="http://7xksmk.com2.z0.glb.qiniucdn.com/textBLACK.png">
                                <p class="p1">内饰：黑</p>
                            </li>
                            <li><p class="p2">数量：<span>1辆</span></p></li>
                        </ul>
                    </div>
                    <div class="col-md-2">
                        <a href="#">
                            <b>32.92</b>万元<br/>
                            <a class="active" href="#">预约购车</a>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <img src="http://7xksmk.com2.z0.glb.qiniucdn.com/Toyota-mustang-2016-competition-Magnetic-b.jpg">
                    </div>
                    <div class="col-md-6">
                        <p>16款野马2.3T汽油两门四座版 美规 6速自动</p>
                        <ul class="xingneng">
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/usaNorm.jpg">
                                <p>美观</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/overseasCar.jpg">
                                <p>海外现车</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/configuration.jpg">
                                <p>1项配置</p>
                            </li>
                        </ul>
                        <ul class="waiguan">
                            <li>
                                <img class="img1" src="http://7xksmk.com2.z0.glb.qiniucdn.com/mustangcompetition%20orange.png">
                                <p>外观：悦动橙</p>
                            </li>
                            <li>
                                <img class="img2" src="http://7xksmk.com2.z0.glb.qiniucdn.com/textBLACK.png">
                                <p class="p1">内饰：黑</p>
                            </li>
                            <li><p class="p2">数量：<span>1辆</span></p></li>
                        </ul>
                    </div>
                    <div class="col-md-2">
                        <a href="#">
                            <b>32.92</b>万元<br/>
                            <a class="active" href="#">预约购车</a>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <img src="http://7xksmk.com2.z0.glb.qiniucdn.com/Toyota-mustang-2016-competition-Deep-Impact-Blue-b.jpg">
                    </div>
                    <div class="col-md-6">
                        <p>16款野马2.3T汽油两门四座版 美规 6速自动</p>
                        <ul class="xingneng">
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/usaNorm.jpg">
                                <p>美观</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/overseasCar.jpg">
                                <p>海外现车</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/configuration.jpg">
                                <p>1项配置</p>
                            </li>
                        </ul>
                        <ul class="waiguan">
                            <li>
                                <img class="img1" src="http://7xksmk.com2.z0.glb.qiniucdn.com/mustangcompetition%20orange.png">
                                <p>外观：悦动橙</p>
                            </li>
                            <li>
                                <img class="img2" src="http://7xksmk.com2.z0.glb.qiniucdn.com/textBLACK.png">
                                <p class="p1">内饰：黑</p>
                            </li>
                            <li><p class="p2">数量：<span>1辆</span></p></li>
                        </ul>
                    </div>
                    <div class="col-md-2">
                        <a href="#">
                            <b>32.92</b>万元<br/>
                            <a class="active" href="#">预约购车</a>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <img src="http://7xksmk.com2.z0.glb.qiniucdn.com/Toyota-mustang-2016-competition-Ruby-Red-b.jpg">
                    </div>
                    <div class="col-md-6">
                        <p>16款野马2.3T汽油两门四座版 美规 6速自动</p>
                        <ul class="xingneng">
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/usaNorm.jpg">
                                <p>美观</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/overseasCar.jpg">
                                <p>海外现车</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/configuration.jpg">
                                <p>1项配置</p>
                            </li>
                        </ul>
                        <ul class="waiguan">
                            <li>
                                <img class="img1" src="http://7xksmk.com2.z0.glb.qiniucdn.com/mustangcompetition%20orange.png">
                                <p>外观：悦动橙</p>
                            </li>
                            <li>
                                <img class="img2" src="http://7xksmk.com2.z0.glb.qiniucdn.com/textBLACK.png">
                                <p class="p1">内饰：黑</p>
                            </li>
                            <li><p class="p2">数量：<span>1辆</span></p></li>
                        </ul>
                    </div>
                    <div class="col-md-2">
                        <a href="#">
                            <b>32.92</b>万元<br/>
                            <a class="active" href="#">预约购车</a>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <img src="http://7xksmk.com2.z0.glb.qiniucdn.com/Toyota-mustang-2016-competition--RaceRed-b.jpg">
                    </div>
                    <div class="col-md-6">
                        <p>16款野马2.3T汽油两门四座版 美规 6速自动</p>
                        <ul class="xingneng">
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/usaNorm.jpg">
                                <p>美观</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/overseasCar.jpg">
                                <p>海外现车</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/configuration.jpg">
                                <p>1项配置</p>
                            </li>
                        </ul>
                        <ul class="waiguan">
                            <li>
                                <img class="img1" src="http://7xksmk.com2.z0.glb.qiniucdn.com/mustangcompetition%20orange.png">
                                <p>外观：悦动橙</p>
                            </li>
                            <li>
                                <img class="img2" src="http://7xksmk.com2.z0.glb.qiniucdn.com/textBLACK.png">
                                <p class="p1">内饰：黑</p>
                            </li>
                            <li><p class="p2">数量：<span>1辆</span></p></li>
                        </ul>
                    </div>
                    <div class="col-md-2">
                        <a href="#">
                            <b>32.92</b>万元<br/>
                            <a class="active" href="#">预约购车</a>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <img src="http://7xksmk.com2.z0.glb.qiniucdn.com/Toyota-mustang-2016-competition-Shadow-Black-b.jpg">
                    </div>
                    <div class="col-md-6">
                        <p>16款野马2.3T汽油两门四座版 美规 6速自动</p>
                        <ul class="xingneng">
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/usaNorm.jpg">
                                <p>美观</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/overseasCar.jpg">
                                <p>海外现车</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/configuration.jpg">
                                <p>1项配置</p>
                            </li>
                        </ul>
                        <ul class="waiguan">
                            <li>
                                <img class="img1" src="http://7xksmk.com2.z0.glb.qiniucdn.com/mustangcompetition%20orange.png">
                                <p>外观：悦动橙</p>
                            </li>
                            <li>
                                <img class="img2" src="http://7xksmk.com2.z0.glb.qiniucdn.com/textBLACK.png">
                                <p class="p1">内饰：黑</p>
                            </li>
                            <li><p class="p2">数量：<span>1辆</span></p></li>
                        </ul>
                    </div>
                    <div class="col-md-2">
                        <a href="#">
                            <b>32.92</b>万元<br/>
                            <a class="active" href="#">预约购车</a>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <img src="http://7xksmk.com2.z0.glb.qiniucdn.com/Toyota-mustang-2016-competition-Ingot-Silver-b.jpg">
                    </div>
                    <div class="col-md-6">
                        <p>16款野马2.3T汽油两门四座版 美规 6速自动</p>
                        <ul class="xingneng">
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/usaNorm.jpg">
                                <p>美观</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/overseasCar.jpg">
                                <p>海外现车</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/configuration.jpg">
                                <p>1项配置</p>
                            </li>
                        </ul>
                        <ul class="waiguan">
                            <li>
                                <img class="img1" src="http://7xksmk.com2.z0.glb.qiniucdn.com/mustangcompetition%20orange.png">
                                <p>外观：悦动橙</p>
                            </li>
                            <li>
                                <img class="img2" src="http://7xksmk.com2.z0.glb.qiniucdn.com/textBLACK.png">
                                <p class="p1">内饰：黑</p>
                            </li>
                            <li><p class="p2">数量：<span>1辆</span></p></li>
                        </ul>
                    </div>
                    <div class="col-md-2">
                        <a href="#">
                            <b>32.92</b>万元<br/>
                            <a class="active" href="#">预约购车</a>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <img src="http://7xksmk.com2.z0.glb.qiniucdn.com/Toyota-mustang-2016-competition-Oxford-White-b.jpg">
                    </div>
                    <div class="col-md-6">
                        <p>16款野马2.3T汽油两门四座版 美规 6速自动</p>
                        <ul class="xingneng">
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/usaNorm.jpg">
                                <p>美观</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/overseasCar.jpg">
                                <p>海外现车</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/configuration.jpg">
                                <p>1项配置</p>
                            </li>
                        </ul>
                        <ul class="waiguan">
                            <li>
                                <img class="img1" src="http://7xksmk.com2.z0.glb.qiniucdn.com/mustangcompetition%20orange.png">
                                <p>外观：悦动橙</p>
                            </li>
                            <li>
                                <img class="img2" src="http://7xksmk.com2.z0.glb.qiniucdn.com/textBLACK.png">
                                <p class="p1">内饰：黑</p>
                            </li>
                            <li><p class="p2">数量：<span>1辆</span></p></li>
                        </ul>
                    </div>
                    <div class="col-md-2">
                        <a href="#">
                            <b>32.92</b>万元<br/>
                            <a class="active" href="#">预约购车</a>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <img src="http://7xksmk.com2.z0.glb.qiniucdn.com/Toyota-mustang-2016-competition-Deep-Impact-Blue-b.jpg">
                    </div>
                    <div class="col-md-6">
                        <p>16款野马2.3T汽油两门四座版 美规 18寸黑色铝合金轮毂</p>
                        <ul class="xingneng">
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/usaNorm.jpg">
                                <p>美观</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/overseasCar.jpg">
                                <p>海外现车</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/configuration.jpg">
                                <p>1项配置</p>
                            </li>
                        </ul>
                        <ul class="waiguan">
                            <li>
                                <img class="img1" src="http://7xksmk.com2.z0.glb.qiniucdn.com/mustangcompetition%20orange.png">
                                <p>外观：悦动橙</p>
                            </li>
                            <li>
                                <img class="img2" src="http://7xksmk.com2.z0.glb.qiniucdn.com/textBLACK.png">
                                <p class="p1">内饰：黑</p>
                            </li>
                            <li><p class="p2">数量：<span>1辆</span></p></li>
                        </ul>
                    </div>
                    <div class="col-md-2">
                        <a href="#">
                            <b>32.92</b>万元<br/>
                            <a class="active" href="#">预约购车</a>
                        </a>
                    </div>
                </div>
                <div class="row"id="row">
                    <div class="col-md-3">
                        <img src="http://7xksmk.com2.z0.glb.qiniucdn.com/Toyota-mustang-2016-competition-Shadow-Black-b.jpg">
                    </div>
                    <div class="col-md-6">
                        <p>16款野马2.3T汽油两门四座版 美规 倒车雷达</p>
                        <ul class="xingneng">
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/usaNorm.jpg">
                                <p>美观</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/overseasCar.jpg">
                                <p>海外现车</p>
                            </li>
                            <li>
                                <img src="http://static.gunlei.com/static/pc/img/configuration.jpg">
                                <p>1项配置</p>
                            </li>
                        </ul>
                        <ul class="waiguan">
                            <li>
                                <img class="img1" src="http://7xksmk.com2.z0.glb.qiniucdn.com/mustangcompetition%20orange.png">
                                <p>外观：悦动橙</p>
                            </li>
                            <li>
                                <img class="img2" src="http://7xksmk.com2.z0.glb.qiniucdn.com/textBLACK.png">
                                <p class="p1">内饰：黑</p>
                            </li>
                            <li><p class="p2">数量：<span>1辆</span></p></li>
                        </ul>
                    </div>
                    <div class="col-md-2">
                        <a href="#">
                            <b>32.92</b>万元<br/>
                            <a class="active" href="#">预约购车</a>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="footer-nav">
        <div class="row">
            <div class="col-md-2" id="col1">
                <h4>网站导航</h4>
                <ul class="foot-nav">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="index.html">在线选车</a></li>
                    <li><a href="index.html">如何加入</a></li>
                    <li><a href="index.html">手机滚雷</a></li>
                </ul>
            </div>
            <div class="col-md-2"id="col2">
                <h4>使用帮助</h4>
                <ul class="foot-nav">
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div>
            <div class="col-md-2"id="col3">
                <h4>滚雷进口车官方微信</h4>
                <p>扫描二维码，可与我们联系</p>
                <img src="http://static.gunlei.com/static/pc/img/icon_weixin.jpg">
            </div>
            <div class="col-md-2"id="col4">
                <h4>滚雷进口车官方微博</h4>
                <p>扫描二维码，获取最新动态新闻</p>
                <img src="http://static.gunlei.com/static/pc/img/icon_weixin.jpg">
            </div>
            <div class="col-md-2"id="col5">
                <h4>联系我们</h4>
                <div class="ensign1"></div>
                <b>400-883-8787</b><br>
                <div class="ensign2"></div>
                <b>202-288-8528</b>
            </div>
        </div>
    </div>
    <div class="copyright">
        <div class="copy">
            <b>&copy;2004-2015 滚雷进口车 www.gunlei.com All Rights Reserved. 滚雷进口车 版权所有</b>
            京ICP备13001015
        </div>
    </div>
</div>
</body>
</html>